<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>专题</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/topic.css">
</head>

<body>
  <div class="container">
    <div class="header">
      <div class="lt"></div>
      <div class="ct">专题</div>
      <div class="rt"></div>
    </div>
    <div class="topic-list" scroll-y="true">
      <!-- <a class="item" href="./topicDetail.html">
        <img class="img" src="./static/demo/idx-zhuanti.jpg" />
        <div class="info">
          <text class="title">标题标题标题标题</text>
          <text class="desc">描述描述描述描述描述描述</text>
          <text class="price">11元起</text>
        </div>
      </a>
      <a class="item" href="./topicDetail.html">
        <img class="img" src="./static/demo/idx-zhuanti.jpg" />
        <div class="info">
          <text class="title">标题标题标题标题</text>
          <text class="desc">描述描述描述描述描述描述</text>
          <text class="price">11元起</text>
        </div>
      </a>
      <a class="item" href="./topicDetail.html">
        <img class="img" src="./static/demo/idx-zhuanti.jpg" />
        <div class="info">
          <text class="title">标题标题标题标题</text>
          <text class="desc">描述描述描述描述描述描述</text>
          <text class="price">11元起</text>
        </div>
      </a>
      <a class="item" href="./topicDetail.html">
        <img class="img" src="./static/demo/idx-zhuanti.jpg" />
        <div class="info">
          <text class="title">标题标题标题标题</text>
          <text class="desc">描述描述描述描述描述描述</text>
          <text class="price">11元起</text>
        </div>
      </a> -->
    </div>
    <!-- 底部TabBar区域 -->
    <div class="tab-bar">
      <a href="index.html">
        <img src="./static/images/ic_menu_choice_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
        <span>首页</span>
      </a>
      <a href="topic.html" class="active">
        <!-- <img src="./static/images/ic_menu_topic_nor.png" alt=""> -->
        <img src="./static/images/ic_menu_topic_pressed.png" alt="">
        <span>专题</span>
      </a>
      <a href="cate.html">
        <img src="./static/images/ic_menu_sort_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_sort_pressed.png" alt=""> -->
        <span>分类</span>
      </a>
      <a href="cart.html">
        <img src="./static/images/ic_menu_shoping_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
        <span>购物车</span>
      </a>
      <a href="user.html">
        <img src="./static/images/ic_menu_me_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
        <span>我的</span>
      </a>
    </div>
  </div>
  <script type="text/html" id="yx-cate">
    {{each data.data}}
    <a class="item" href="./topicDetail.html?id={{$value.id}}">

      <img class="img" src="{{$value.scene_pic_url}}" />
      <div class="info">
        <text class="title">{{$value.title}}</text>
        <text class="desc">{{$value.subtitle}}</text>
        <text class="price">{{$value.price_info}}</text>
      </div>
    </a>
    {{/each}}
  </script>


  <script src="./js/zhouzenghui/jquery.js"></script>
  <script src="./js/zhouzenghui/template-web.js"></script>
  <script src="./js/zhouzenghui/baseApi.js"></script>
  <script src="./js/zhouzenghui/topic.js"></script>

</body>

</html>